<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>菩提阁</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/pages/history-order.css" />
    <link rel="stylesheet" href="font/iconfont.css" />
</head>

<body>
    <div id="order" class="app">
        <div class="divHead">
            <div class="divTitle">
                <i class="iconfont icon-arrow-left"></i>菩提阁
            </div>
        </div>
        <!-- 历史订单区域 -->
        <div class="divBody">
            <div role="feed" class="van-list">


            </div>
        </div>
    </div>
    <script type="text/html" id="item">
        {{each}}
        <div class="item van-cell">
            <div class="van-cell__value van-cell__value--alone">
               <div class="timeStatus">
                    <span>{{$value.orderTime}}</span>
                    {{if $value.status==2}}
                    <span>正在派送</span>
                    {{else if $value.status==3}}
                    <span>已派送</span>
                    {{else if $value.status==4}}
                    <span>已完成</span>
                    {{/if}}
                </div>
                <div class="dishList">
                    {{each $value.orderDetails}}
                    <div class="item">
                        <span>{{$value.name}}</span> <span>x{{$value.number}}</span>
                    </div>
                    {{/each}}
                </div>
                <div class="result">
                    <span>共{{$value.sum}} 件商品,实付</span><span class="price">￥{{$value.amount}}</span>
                </div>
                {{if $value.status==4}} 
                <div class="btn" >
                    <div class="btnAgain" data-value="{{$value}}">再来一单</div>
                </div>
                {{/if}}
            </div>
        </div>
        {{/each}}
        <div class="van-list__placeholder">没有更多了</div>
    </script>

    <script src="/js/template-web.js"></script>
    <script src="/js/jquery.js"></script>
    <script src="/js/history-order.js"></script>
</body>

</html>